<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="/gitee.css">
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
    <script src="https://use.fontawesome.com/76177b15fb.js"></script>
    <style>

    </style>
    <title>用户详情页</title>
</head>
<body>
<div id="app">
    <el-card class="box-card">
        <div slot="header" class="clearfix">
            <h2 style="text-align: center">用户信息</h2>
            <form action="/loginout" method="post" style="float: right; margin: -9px;">
                <#-- 加入CSRF令牌，Spring Security提供。 -->
                <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
                <el-button type="text" native-type="submit"><p style="color: black">退出登录</p></el-button>

            </form>
        </div>
        <el-divider></el-divider>
        <el-row :gutter="12" type="flex"  justify="center">
            <el-col :span="4"><div><p><strong>${userInfo.username!''}</strong></p><p class="p-min">用户名</p></div></el-col>
            <el-col :span="4"><div><p><strong>${userInfo.password!''}</strong></p><p class="p-min">密码</p></div></el-col>
        </el-row>
        <el-divider></el-divider>

    </el-card>
</div>
</body>
</html>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<#--<script src="https://unpkg.com/axios/dist/axios.min.js"></script>-->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
<script>
    new Vue({
        el: '#app'
    })
</script>